<template>
    <div class="borderradbottom" style="position: relative;color: #fff;background-color: var(--van-primary-color);">
        <Userinfo @click-info="router.push('account')">
            <div class="textbutton" style="text-align: right;">
                <!-- <Icon name="scan" size="20" @click="onRoutertoScan"></Icon> -->
                <span style="margin-left: 12px;" @click="router.push('basicset')">设置</span>
            </div>
        </Userinfo>
    </div>
    <!-- <div class="outborder">
        <template v-for="item, index in aside" :key="index">
            <Cell v-if="item.type === 2" :title="item.name" @click="() => router.push(item.router)" is-link>
                <template #value v-if="item.router === 'message'">
                    <div class="tag" v-if="total"></div>
                </template>
</Cell>
</template>
</div> -->
</template>
<script lang="ts" setup>
import { headStore } from "@b/store";
// import { NotiStore } from "@b/model/store/notification";
import Userinfo from "@b/srcm/components/Log/user_info.vue";
import { Cell, Icon } from "vant";
import { navBarStore } from "@b/store";
import { computed, onUnmounted } from "vue";
import { useRouter } from "vue-router";
const router = useRouter()
// const notiStore = new NotiStore()
const aside = computed(() => headStore().asideOption)
// const total = computed(() => notiStore.total)
const snavBarStore = navBarStore()

snavBarStore.setBackground('var(--van-primary-color)')
snavBarStore.setColor('var(--van-white)')

onUnmounted(() => {
    snavBarStore.setBackground('var(--van-background-2)')
    snavBarStore.setColor('var(--van-text-color)')
})
</script>
<style scoped>
.topbg {
    height: 14vw;
    position: absolute;
    background-color: var(--color--);
    width: 100vw;
    border-radius: 0 0 2px 2px
}

.tag {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--van-primary-color);
    position: absolute;
    right: 0;
}
</style>